<template>
  <div class="pf-course pf-bgwhite pf-p-10">
    <el-tabs v-model="activeTabName" @tab-click="tabClick">
      <el-tab-pane label="课程查看" name="current">
        <current-course />
      </el-tab-pane>
      <el-tab-pane label="课程预览" name="preview">
        <preview-course />
      </el-tab-pane>
    </el-tabs>
    <!--    <el-empty description="今日课堂，功能建设中...(含课堂作业布置、精彩瞬间发布、学员签到信息等)"></el-empty>-->
  </div>
</template>

<script lang="ts">
import { defineComponent, onMounted, ref, Ref } from 'vue';
import { useNotice } from '@/components/element-plus/notice';
import CurrentCourse from './CurrentCourse.vue';
import PreviewCourse from '@/views/teach/course/PreviewCourse.vue';
export default defineComponent({
  name: 'Course',
  components: { PreviewCourse, CurrentCourse },
  setup() {
    const { message } = useNotice();
    const activeTabName = ref('current');
    const tabClick = (tab: any, event: any) => {
      console.log(tab, event, activeTabName.value);
    };
    return {
      activeTabName,
      tabClick
    };
  }
});
</script>
<style scoped lang="scss">
.#{$prefix} {
  &-course {
    //margin: 10px;
    //padding: 0;
    overflow-y: auto;
    height: calc(100% - 60px);
  }
}
</style>
